﻿<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="renderer" content="webkit" />
    <link href="../css/common.css" rel="stylesheet" />
    <link href="css/screen04.css" rel="stylesheet" />
    <script src="../js/jquery-1.11.0.min.js"></script>
    <title>热点与趋势</title>
</head>

<body class="small-screen">
    <div class="hotregular">
        <h4>热点诉求规律</h4>
        <div class="inner">
            <table width="100%">
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
        <div class="tables">
            <span>2014/06</span>
            <span>2014/06</span>
            <span>2014/06</span>
            <span>2014/06</span>
            <span>2014/06</span>
        </div>
        <div class="divs">
            <p class="onep">规律事件规律事件规规律事件规律事件规
            </p>
            <p class="twop">规律事件规律事件规律事 件规律事件规律事件1...
            </p>
            <p class="threep">规律事件规律事件规律事 件规律事件规律事件1...
            </p>
            <p class="fourp">规律事件规律事件规律事 件规律事件规律事件1...
            </p>
            <p class="fivep">规律事件规律事件规律事 件规律事件规律事件1...
            </p>
        </div>
    </div>
    <div class="event">
        <h4>热点舆情事件</h4>
        <div class="eventInner" id="event"></div>
    </div>
    <!--配置地址-->
    <script type="text/x-template" id="event-template">
        <ul class="up clearfix">
            {{#up}}
            <li class="item">
                <div class="status icon{{index}}">{{smalltime}}</div>
                <div class="content">
                    <p>相关诉求：<span class="orange">{{number}}</span>件</p>
                    <p>{{name}}</p>
                    <p class="time">{{time}}</p>
                </div>
            </li>
            {{/up}}
        </ul>
        <ul class="down clearfix">
            {{#down}}
            <li class="item">
                <div class="status icon{{index}}">{{smalltime}}</div>
                <div class="content">
                    <p>相关诉求：<span class="orange">{{number}}</span>件</p>
                    <p>{{name}}</p>
                    <p class="time">{{time}}</p>
                </div>
            </li>
            {{/down}}
        </ul>
    </script>
    <script>
    var settings = {
//         getmintor:'/rest/hotspot'
        getmintor: '/rest/trdhotspots'
    };
    </script>
    <!--测试脚本-->
    <script src="../js/mock-min.js"></script>
    <script src="../js/mustache.js"></script>
    <script src="js/echarts-all.js"></script>
    <script src="test/_testscreen04.js"></script>
    <script src="../js/common.js"></script>
    <script src="js/screen04.js"></script>
</body>

</html>
